<template>
  <el-dialog
    v-model="dialogFormVisible"
    :title="title"
    width="500px"
    @close="close"
    center
  >
    <div style="height: 200px">
      {{ content }}
    </div>
    <template #footer>
      <el-button @click="close">关 闭</el-button>
    </template>
  </el-dialog>
</template>
<script>
  export default defineComponent({
    name: 'MeetView',
    emits: ['fetch-data'],
    setup(props, { emit }) {
      const state = reactive({
        content: '',
        title: '',
        dialogFormVisible: false,
      })

      const showView = (row) => {
        state.content = row.content
        state.title = '查看约见情况'
        state.dialogFormVisible = true
      }
      const close = () => {
        state.dialogFormVisible = false
      }

      return {
        ...toRefs(state),
        showView,
        close,
      }
    },
  })
</script>
